<!DOCTYPE HTML>
<html>

<head>
  <meta charset="utf-8">
  <title>响应式五金制品配件网站模板</title>
  <meta name="description" content="">
  <meta name="keywords" content="">
  <link href="/4509/favicon.ico" rel="shortcut icon" type="image/x-icon">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta content="yes" name="apple-mobile-web-app-capable">
  <meta content="yes" name="apple-touch-fullscreen">
  <meta content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=2.0, user-scalable=no, width=device-width"
    name="viewport">
  <link rel="stylesheet" href="static/css/font-awesome.css">
  <link rel="stylesheet" href="static/css/global.css">
  <link rel="stylesheet" href="static/css/widget.css">
  <link rel="stylesheet" href="static/css/variouscomponents.css">
  <link rel="stylesheet" href="static/css/images.css">
  <link rel="stylesheet" href="static/css/theme.css">
  <link rel="stylesheet" href="static/css/color_0.css">
  <script src="static/js/jquery.min.js"></script>
  <!--[if !IE]><!-->
  <script src="static/js/base.js"></script>
  <!--<![endif]-->
  <!--[if gte IE 9]>
<script src="/4509/template/pc/skin/js/base.js"></script>
<![endif]-->
  <!--[if lt IE 9]>
      <link rel="stylesheet" href="/4509/template/pc/skin/css/font-awesome-ie7.min.css">
      <script src="/4509/template/pc/skin/js/selectivizr.js"></script>
      <script src="/4509/template/pc/skin/js/html5shiv.min.js"></script>
      <script src="/4509/template/pc/skin/js/respond.min.js"></script>
      <script src="/4509/template/pc/skin/js/modernizr.min.js"></script>
    <![endif]-->
  <link href="static/css/lightbox.min.css" rel="stylesheet">
  <script src="static/js/jquery.superslide.js"></script>
  <script src="static/js/common.js"></script>
  <script src="static/js/theme.js"></script>
  <!-- feib -->
  <script type="text/javascript" src="static/js/layer.js"></script>
  <script type="text/javascript" src="static/js/language.js"></script>
  <!-- plugins -->
  <script type="text/javascript" src="static/js/jquery.formsvalidation.js"></script>
  <script type="text/javascript" src="static/js/jquery.nodecommon.js"></script>
  <script type="text/javascript" src="static/js/extend.js"></script>
  <link rel="stylesheet" href="static/css/animate.min.css">
  <script src="static/js/animate.min.js"></script>
  <script type="text/javascript" src="static/js/components.js"></script>
  <script type="text/javascript" src="static/js/jquery.menu_style.js"></script>
  <script type="text/javascript" src="static/js/jquery.init.js"></script>
  <script type="text/javascript">
    $(function () {
      dataAnimate();
      (function ($, lanno) {
        if (lanno === "" || lanno === "default") {
          return '';
        }
        $(".w-languege").each(function () {
          $(this).find("a").each(function () {
            if ($(this).data("lanno") === lanno) {
              $(this).addClass("cur");
            } else {
              if ($(this).hasClass("cur")) {
                $(this).removeClass("cur");
              }
            }
          });
        });
      })(jQuery, "cn");
    });
  </script>
</head>

<body>
  <div class="body">
    <div class="w-container w-header w-header-common">
      <div class="row clearfix">
        <div class="mobile-nav-toggle"><i class="fa fa-navicon fa-2x"></i></div>
        <div class="nav_right_mask"></div>
        <div class="row_top">
          <div class="row_top_in clearfix">
            <div class="column column6">
              <div class="col-logo">
                <div class="w-logo">
                  <h1 style="display:none;"><a href=""></a></h1>
                  <a href="" class="w-logo-img"> <img src="static/picture/cb602671345d85abb1dc9f00265b870d.png"> </a>
                </div>
              </div>
            </div>
            <div class="column column6 clearfix">
              <div class="topLogBox topLogBoxPc">
                <div class="topLogBox-in">
                  <div class="lscPc clearfix"> </div>
                  <div class="searchPc clearfix"> </div>
                  <div class="clearfix"> </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="menuPc">
          <div class="menuPc_in">
            <div class="w-nav g-active-add">
              <div class="w-nav-in">
                <ul class="nav_inner clearfix" id="g-web-ul-menu" style="display:none;">
                  <li class="active"><a href="">首页</a><i class="nav_simpline_cur"></i></li>
                  <li class="">
                    <div class="li-parent-div li-parentOne-div"><a href="guanyuwomen.html">关于我们 </a></div>
                    <i class="nav_simpline_cur"></i>
                  </li>
                  <li class="">
                    <div class="li-parent-div li-parentOne-div"><a href="chanpinzhongxin.html">产品中心 <i
                          class="fa fa-plus"></i></a></div>
                    <i class="nav_simpline_cur"></i>
                    <div class="submenu">
                      <div class="back-div"><i class="fa fa-angle-left"></i><span>返回</span></div>
                      <ul>
                        <li><a href="jianzhuzhuangshiwujin.html">建筑装饰五金 </a></li>
                        <li><a href="jixiewujinjian.html">机械五金件 </a></li>
                        <li><a href="shoudonggongju.html">手动工具 </a></li>
                        <li><a href="diandonggongju.html">电动工具 </a></li>
                        <li><a href="wujinpeifujian.html">五金配附件 </a></li>
                        <li><a href="qitawujin.html">其他五金</a></li>
                      </ul>
                    </div>
                  </li>
                  <li class="">
                    <div class="li-parent-div li-parentOne-div"><a href="xinwendongtai.html">新闻动态 <i
                          class="fa fa-plus"></i></a></div>
                    <i class="nav_simpline_cur"></i>
                    <div class="submenu">
                      <div class="back-div"><i class="fa fa-angle-left"></i><span>返回</span></div>
                      <ul>
                        <li><a href="gongsixinwen.html">公司新闻 </a></li>
                        <li><a href="xingyedongtai.html">行业动态 </a></li>
                        <li><a href="meitibaodao.html">媒体报道</a></li>
                      </ul>
                    </div>
                  </li>
                  <li class="">
                    <div class="li-parent-div li-parentOne-div"><a href="zaixianliuyan.html">在线留言 </a></div>
                    <i class="nav_simpline_cur"></i>
                  </li>
                  <li class="">
                    <div class="li-parent-div li-parentOne-div"><a href="rencaizhaopin.html">人才招聘 </a></div>
                    <i class="nav_simpline_cur"></i>
                  </li>
                  <li class="">
                    <div class="li-parent-div li-parentOne-div"><a href="lianxiwomen.html">联系我们 </a></div>
                    <i class="nav_simpline_cur"></i>
                  </li>
                  <li class="">
                    <div class="li-parent-div li-parentOne-div"><a href="https://www.jd.com/">京东商城</a></div>
                    <i class="nav_simpline_cur"></i>
                  </li>
                  <div class="nav_moveBox"></div>
                </ul>
              </div>
            </div>

          </div>
        </div>
        <div class="col-right clearfix">
          <div class="w-nav g-active-add">
            <div class="w-nav-in">
              <ul class="nav_inner clearfix">
                <li class="active"><a href="">首页</a><i class="nav_simpline_cur"></i></li>
                <li class="">
                  <div class="li-parent-div li-parentOne-div"><a href="guanyuwomen.html">关于我们 </a></div>
                  <i class="nav_simpline_cur"></i>
                </li>
                <li class="">
                  <div class="li-parent-div li-parentOne-div"><a href="chanpinzhongxin.html">产品中心 <i
                        class="fa fa-plus"></i></a></div>
                  <i class="nav_simpline_cur"></i>
                  <div class="submenu">
                    <div class="back-div"><i class="fa fa-angle-left"></i><span>返回</span></div>
                    <ul>
                      <li><a href="jianzhuzhuangshiwujin.html">建筑装饰五金 </a></li>
                      <li><a href="jixiewujinjian.html">机械五金件 </a></li>
                      <li><a href="shoudonggongju.html">手动工具 </a></li>
                      <li><a href="diandonggongju.html">电动工具 </a></li>
                      <li><a href="wujinpeifujian.html">五金配附件 </a></li>
                      <li><a href="qitawujin.html">其他五金</a></li>
                    </ul>
                  </div>
                </li>
                <li class="">
                  <div class="li-parent-div li-parentOne-div"><a href="xinwendongtai.html">新闻动态 <i
                        class="fa fa-plus"></i></a></div>
                  <i class="nav_simpline_cur"></i>
                  <div class="submenu">
                    <div class="back-div"><i class="fa fa-angle-left"></i><span>返回</span></div>
                    <ul>
                      <li><a href="gongsixinwen.html">公司新闻 </a></li>
                      <li><a href="xingyedongtai.html">行业动态 </a></li>
                      <li><a href="meitibaodao.html">媒体报道</a></li>
                    </ul>
                  </div>
                </li>
                <li class="">
                  <div class="li-parent-div li-parentOne-div"><a href="zaixianliuyan.html">在线留言 </a></div>
                  <i class="nav_simpline_cur"></i>
                </li>
                <li class="">
                  <div class="li-parent-div li-parentOne-div"><a href="rencaizhaopin.html">人才招聘 </a></div>
                  <i class="nav_simpline_cur"></i>
                </li>
                <li class="">
                  <div class="li-parent-div li-parentOne-div"><a href="lianxiwomen.html">联系我们 </a></div>
                  <i class="nav_simpline_cur"></i>
                </li>
                <li class="">
                  <div class="li-parent-div li-parentOne-div"><a href="https://www.jd.com/">京东商城</a></div>
                  <i class="nav_simpline_cur"></i>
                </li>
                <div class="nav_moveBox"></div>
              </ul>
            </div>
          </div>
          <div class="topLogBox topLogBoxTel">
            <div class="topLogBox-in"> </div>
          </div>
        </div>
      </div>
    </div>
    <section class="w-container bannerBox ">
      <div class="banner">
        <ul class="bxslider">
          <li> <img src="static/picture/d9b926412f443652760cac8898736afa.jpg"> <a href="javascript:void(0);"
              target="_self"><span id="" style="display:none;">none</span></a> </li>
          <li> <img src="static/picture/c7cd77977c633a9ade256c3cedbd8468.jpg"> <a href="javascript:void(0);"
              target="_self"><span id="" style="display:none;">none</span></a> </li>
        </ul>
        <script src="static/js/jquery.bxslider.js"></script>
        <link rel="stylesheet" href="static/css/jquery.bxslider.css">
        <script type="text/javascript">
          var scale = '';
          var speed = 500;
          var pause = 5;
          $(function () {
            $('.bxslider').bxSlider({
              mode: 'fade',
              /*滚动方式 fade、vertical、horizontal */
              auto: true,
              /*自动滚动*/
              autoControls: false,
              /*自动滚动按钮*/
              infiniteLoop: true,
              /*循环滚动*/
              hideControlOnEnd: true,
              /*无效按钮隐藏*/
              adaptiveHeight: true,
              /*图片是否实际缩放比高度显示控制，图片比例不一样高度变化*/
              minSlides: 1,
              maxSlides: 2,
              scale: scale,
              speed: speed,
              pause: pause * 1000
            });
          });
        </script>
      </div>
    </section>
    <div class="w-container w-main">
      <div class="w-section ">
        <div class="row">
          <div class="row-mask"></div>
          <div class="wrap-content-in  ">
            <div class="li-div">
              <div class="w-space space-b noChoose" style="height:50px;">
                <div class="stretch-b"></div>
              </div>
            </div>
            <div class="li-div">
              <div class="not-animated w-title w-title32 lineborder" data-animate="fadeInUp" style="">
                <div class="w-title-in">
                  <div class="title-h-in">
                    <div class="tith border_colortop_main"> <span style="" data-type="subtitle">Product
                        Classification</span>
                      <h2 style="" data-type="title">产品中心 </h2>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="li-div">
              <div class="w-space space-b noChoose" style="height:35px;">
                <div class="stretch-b"></div>
              </div>
            </div>
            <style type="text/css">
              .classification_prd .cf_prd_l:hover {
                opacity: 0.9;
                *filter: alpha(opacity=90);
                filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
              }

              .classification_prd img {
                max-width: 100%;
              }

              .classification_prd a {
                display: block;
              }

              .classification_prd .item .txt {
                position: absolute;
                left: 0;
                top: 0;
                bottom: 0;
                right: 0;
                color: #fff;
                font-size: 18px;
              }

              .classification_prd .item .txt .txt_mask {
                position: absolute;
                left: 0;
                top: 0;
                bottom: 0;
                right: 0;
                background: #000;
                opacity: 0.69;
                *filter: alpha(opacity=69);
                filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=69);
              }

              .classification_prd .item:hover .txt_mask {
                display: none;
              }

              .classification_prd .item .txt .txt_in {
                display: table;
                position: relative;
                z-index: 1;
                height: 100%;
                width: 100%;
                text-align: center;
              }

              .classification_prd .item .txt .txt_inner {
                display: table-cell;
                vertical-align: middle;
                *padding-top: 150px;
              }

              @media (max-width:960px) {
                .classification_prd .cf_prd_l {
                  display: none;
                }

                .classification_prd .cf_prd_r {
                  float: none !important;
                  width: 100% !important;
                }

                .classification_prd .item .txt {
                  font-size: 14px !important;
                }
              }

              @media (max-width:560px) {
                .classification_prd .item .txt {
                  font-size: 70% !important;
                }
              }
            </style>
            <div class="li-div">
              <div class="not-animated w-text" data-animate="fadeInUp" style="">
                <div class="classification_prd clearfix">
                  <div class="cf_prd_l" style="float:left; width:25.95%;"><a href="chanpinzhongxin.html"><img
                        src="static/picture/59f7d4032248b.jpg" style="max-width:100%;"></a></div>
                  <div class="cf_prd_r clearfix" style="float:left; width:74.05%; *width:73.95%;">
                    <div class="item" style="float:left; width:16.66%; position:relative;"><a
                        href="jianzhuzhuangshiwujin.html">
                        <div class="img"><img src="static/picture/3ded9f6879d39a0ad393678b0187f994.jpg"
                            style="max-width:100%;"></div>
                        <div class="txt">
                          <div class="txt_mask"></div>
                          <div class="txt_in">
                            <div class="txt_inner">建筑装饰五金 +</div>
                          </div>
                        </div>
                      </a></div>
                    <div class="item" style="float:left; width:16.66%; position:relative;"><a
                        href="jixiewujinjian.html">
                        <div class="img"><img src="static/picture/a6a5762cfac2bc7b4bd1853bd82396ba.jpg"
                            style="max-width:100%;"></div>
                        <div class="txt">
                          <div class="txt_mask"></div>
                          <div class="txt_in">
                            <div class="txt_inner">机械五金件 +</div>
                          </div>
                        </div>
                      </a></div>
                    <div class="item" style="float:left; width:16.66%; position:relative;"><a
                        href="shoudonggongju.html">
                        <div class="img"><img src="static/picture/6e2f121d6b94bb398a7fb6ce72f4dfd1.jpg"
                            style="max-width:100%;"></div>
                        <div class="txt">
                          <div class="txt_mask"></div>
                          <div class="txt_in">
                            <div class="txt_inner">手动工具 +</div>
                          </div>
                        </div>
                      </a></div>
                    <div class="item" style="float:left; width:16.66%; position:relative;"><a
                        href="diandonggongju.html">
                        <div class="img"><img src="static/picture/f4637808c4b5aff1b087b20d0ef2c395.jpg"
                            style="max-width:100%;"></div>
                        <div class="txt">
                          <div class="txt_mask"></div>
                          <div class="txt_in">
                            <div class="txt_inner">电动工具 +</div>
                          </div>
                        </div>
                      </a></div>
                    <div class="item" style="float:left; width:16.66%; position:relative;"><a
                        href="wujinpeifujian.html">
                        <div class="img"><img src="static/picture/59a2f4246a0d60fa1844a8699e8eefc6.jpg"
                            style="max-width:100%;"></div>
                        <div class="txt">
                          <div class="txt_mask"></div>
                          <div class="txt_in">
                            <div class="txt_inner">五金配附件 +</div>
                          </div>
                        </div>
                      </a></div>
                    <div class="item" style="float:left; width:16.66%; position:relative;"><a href="qitawujin.html">
                        <div class="img"><img src="static/picture/66e157f7715a26daf075b4d48b36347c.jpg"
                            style="max-width:100%;"></div>
                        <div class="txt">
                          <div class="txt_mask"></div>
                          <div class="txt_in">
                            <div class="txt_inner">其他五金+</div>
                          </div>
                        </div>
                      </a></div>

                  </div>
                </div>
              </div>
            </div>
            <div class="li-div">
              <div class="w-space space-b noChoose" style="height:59px;">
                <div class="stretch-b"></div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <div class="w-section pdTop-default pdBottom-default" style="background:#dcdbd9;">
        <div class="row" style="max-width:;">
          <div class="row-mask"></div>
          <div class="wrap-content-in  pdTop-default pdBottom-default">
            <div class="li-div">
              <div class="w-space space-b noChoose" style="height:60px;">
                <div class="stretch-b"></div>
              </div>
            </div>
            <div class="li-div">
              <div class="not-animated w-title w-title32 lineborder" data-animate="fadeInUp" style="">
                <div class="w-title-in">
                  <div class="title-h-in">
                    <div class="tith border_colortop_main"> <span style="" data-type="subtitle">Recommended
                        Products</span>
                      <h2 style="" data-type="title">推荐产品</h2>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="li-div">
              <div class="w-space space-b noChoose" style="height:37px;">
                <div class="stretch-b"></div>
              </div>
            </div>
            <div class="li-div" data-comunique="n4" id="gallery_n4">
              <div class="not-animated w-multi-imgs" data-animate="fadeInUp" style="">
                <div class="multi-imgs">
                  <ul>
                    <li style="width:25.00%;" data-ih="290" data-iw="290">
                      <div class="gallery-img imgFloatFull textFade imgScaleSmall imgTextF">
                        <div class="gallery-mar" style="margin:2px;"> <a class="fancybox-thumbs" href="24.html"
                            title="产品名称八">
                            <div class="gallery-border" style="border-width:0px;">
                              <div class="gallery-aspectRatio" style="padding: 0px 0px 100%;">
                                <div class="gallery-img-in img"> <img
                                    src="static/picture/a4265ee3342f69837127d71458f9628b.jpg"> </div>
                              </div>
                            </div>
                            <div class="caption gallery-caption">
                              <div class="captionbg gallery-captionbg"></div>
                            </div>
                          </a> </div>
                      </div>
                    </li>
                    <li style="width:25.00%;" data-ih="290" data-iw="290">
                      <div class="gallery-img imgFloatFull textFade imgScaleSmall imgTextF">
                        <div class="gallery-mar" style="margin:2px;"> <a class="fancybox-thumbs" href="23.html"
                            title="产品名称七">
                            <div class="gallery-border" style="border-width:0px;">
                              <div class="gallery-aspectRatio" style="padding: 0px 0px 100%;">
                                <div class="gallery-img-in img"> <img
                                    src="static/picture/daa3363cbbca416dd09501f38a02c9b7.jpg"> </div>
                              </div>
                            </div>
                            <div class="caption gallery-caption">
                              <div class="captionbg gallery-captionbg"></div>
                            </div>
                          </a> </div>
                      </div>
                    </li>
                    <li style="width:25.00%;" data-ih="290" data-iw="290">
                      <div class="gallery-img imgFloatFull textFade imgScaleSmall imgTextF">
                        <div class="gallery-mar" style="margin:2px;"> <a class="fancybox-thumbs" href="22.html"
                            title="产品名称六">
                            <div class="gallery-border" style="border-width:0px;">
                              <div class="gallery-aspectRatio" style="padding: 0px 0px 100%;">
                                <div class="gallery-img-in img"> <img
                                    src="static/picture/3f806f08cab55822adc6d39b0a629fda.jpg"> </div>
                              </div>
                            </div>
                            <div class="caption gallery-caption">
                              <div class="captionbg gallery-captionbg"></div>
                            </div>
                          </a> </div>
                      </div>
                    </li>
                    <li style="width:25.00%;" data-ih="290" data-iw="290">
                      <div class="gallery-img imgFloatFull textFade imgScaleSmall imgTextF">
                        <div class="gallery-mar" style="margin:2px;"> <a class="fancybox-thumbs" href="21.html"
                            title="产品名称五">
                            <div class="gallery-border" style="border-width:0px;">
                              <div class="gallery-aspectRatio" style="padding: 0px 0px 100%;">
                                <div class="gallery-img-in img"> <img
                                    src="static/picture/a3371185c67112da45ebbaec07ba3c9c.jpg"> </div>
                              </div>
                            </div>
                            <div class="caption gallery-caption">
                              <div class="captionbg gallery-captionbg"></div>
                            </div>
                          </a> </div>
                      </div>
                    </li>
                    <li style="width:25.00%;" data-ih="290" data-iw="290">
                      <div class="gallery-img imgFloatFull textFade imgScaleSmall imgTextF">
                        <div class="gallery-mar" style="margin:2px;"> <a class="fancybox-thumbs" href="20.html"
                            title="产品名称四">
                            <div class="gallery-border" style="border-width:0px;">
                              <div class="gallery-aspectRatio" style="padding: 0px 0px 100%;">
                                <div class="gallery-img-in img"> <img
                                    src="static/picture/389f4ee37c547299d628ea738cdd5d85.jpg"> </div>
                              </div>
                            </div>
                            <div class="caption gallery-caption">
                              <div class="captionbg gallery-captionbg"></div>
                            </div>
                          </a> </div>
                      </div>
                    </li>
                    <li style="width:25.00%;" data-ih="290" data-iw="290">
                      <div class="gallery-img imgFloatFull textFade imgScaleSmall imgTextF">
                        <div class="gallery-mar" style="margin:2px;"> <a class="fancybox-thumbs" href="19.html"
                            title="产品名称三">
                            <div class="gallery-border" style="border-width:0px;">
                              <div class="gallery-aspectRatio" style="padding: 0px 0px 100%;">
                                <div class="gallery-img-in img"> <img
                                    src="static/picture/7cb99b981667298734d4f87e4d4da051.jpg"> </div>
                              </div>
                            </div>
                            <div class="caption gallery-caption">
                              <div class="captionbg gallery-captionbg"></div>
                            </div>
                          </a> </div>
                      </div>
                    </li>
                    <li style="width:25.00%;" data-ih="290" data-iw="290">
                      <div class="gallery-img imgFloatFull textFade imgScaleSmall imgTextF">
                        <div class="gallery-mar" style="margin:2px;"> <a class="fancybox-thumbs" href="18.html"
                            title="产品名称二">
                            <div class="gallery-border" style="border-width:0px;">
                              <div class="gallery-aspectRatio" style="padding: 0px 0px 100%;">
                                <div class="gallery-img-in img"> <img
                                    src="static/picture/1ec041c913753406319f88be18218241.jpg"> </div>
                              </div>
                            </div>
                            <div class="caption gallery-caption">
                              <div class="captionbg gallery-captionbg"></div>
                            </div>
                          </a> </div>
                      </div>
                    </li>
                    <li style="width:25.00%;" data-ih="290" data-iw="290">
                      <div class="gallery-img imgFloatFull textFade imgScaleSmall imgTextF">
                        <div class="gallery-mar" style="margin:2px;"> <a class="fancybox-thumbs" href="8.html"
                            title="产品名称一">
                            <div class="gallery-border" style="border-width:0px;">
                              <div class="gallery-aspectRatio" style="padding: 0px 0px 100%;">
                                <div class="gallery-img-in img"> <img
                                    src="static/picture/cd37e0c948e8ddc04de654714aa1b760.jpg"> </div>
                              </div>
                            </div>
                            <div class="caption gallery-caption">
                              <div class="captionbg gallery-captionbg"></div>
                            </div>
                          </a> </div>
                      </div>
                    </li>

                  </ul>
                </div>
              </div>
            </div>
            <script type="text/javascript">
              $(function () {
                setImgWidth($("#gallery_n4"), "1", "4", "0", "10", $("#gallery_n4").find(".multi-imgs>ul>li")
                  .width(), $("#gallery_n4").find(".multi-imgs>ul>li").find('.gallery-aspectRatio:first')
                  .outerHeight());
                $("#gallery_n4").listRow({
                  row: 4,
                  rowList: ".multi-imgs ul>li",
                  rowFind: ".gallery-caption"
                });
              });
            </script>
            <div class="li-div">
              <div class="w-space space-b noChoose" style="height:56px;">
                <div class="stretch-b"></div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="w-section pdTop-default pdBottom-default"
        style="background:url(static/image/c2ef190efbfb414d8b226abead0fdd9e.jpg) no-repeat center;color:#ffffff;"
        id="533154">
        <div class="row" style="max-width:;">
          <div class="row-mask"></div>
          <div class="wrap-content-in  pdTop-default pdBottom-default">
            <div class="li-div">
              <div class="w-space space-b noChoose" style="height:60px;">
                <div class="stretch-b"></div>
              </div>
            </div>
            <div class="li-div col-li-div">
              <div class="col-table">
                <table class="div-table div-table-first" width="100%" cellspacing="0" cellpadding="0" border="0">
                  <tbody>
                    <tr>
                      <td class="td-w" width="57.389380530973455%">
                        <div class="div-padding">
                          <div class="li-div">
                            <div class="not-animated w-text" data-animate="fadeInUp" style="">
                              <style type="text/css">
                                .color_white {
                                  color: #fff !important;
                                }
                              </style>
                              <div class="w-title w-title41 border_colorright_main">
                                <h2 class="color_white">关于我们 </h2>
                                <span class="color_vice_light color_white">ABOUT US</span>
                              </div>
                            </div>
                          </div>
                        </div>
                      </td>
                      <td class="td-w" width="42.57521907840155%">
                        <div class="div-padding">
                          <div class="li-div">
                            <div class="w-space space-b noChoose" style="height:40px;">
                              <div class="stretch-b"></div>
                            </div>
                          </div>
                        </div>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
            </div>
            <div class="li-div">
              <div class="w-space space-b noChoose" style="height:67px;">
                <div class="stretch-b"></div>
              </div>
            </div>
            <div class="li-div">
              <div class="not-animated w-text" data-animate="fadeInUp" style="">
                <div style="line-height:2;">
                  某某五金制品有限公司位于美丽富饶的中国广东省深圳市公明世峰工业区，主要从事精密模具开发及制造，专业冲压精密五金电子电器零配件等.产品已通过ISO--9001：2000国际标准品质体系认证，以满足各种客户的多层次需求，全体职员本着“以人为本，以质取胜，持续改进，永续经营”的企业生产理念，产品直销日本，美国，欧洲及东南亚其它国家。我们承诺：为客户提供价格合理，质量优良的产品及服务，以期提高市场的竞争力，成为你最值得信赖的供应商。主要产品：机箱，机蕊，汽车音箱，传真机，打印机，复印机，手机，摄像头,外壳及配件，...
                </div>
              </div>
            </div>
            <div class="li-div">
              <div class="w-space space-b noChoose" style="height:145px;">
                <div class="stretch-b"></div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="w-section pdTop-default pdBottom-default">
        <div class="row" style="max-width:;">
          <div class="row-mask"></div>
          <div class="wrap-content-in  pdTop-default pdBottom-default">
            <div class="li-div" data-comunique="03aeef6ea79f86ac3bc270bcdf106110">
              <div class="w-space space-b noChoose" style="height:50px;">
                <div class="stretch-b"></div>
              </div>
            </div>
            <div class="li-div">
              <div class="not-animated w-title w-title32 lineborder" data-animate="fadeInUp" style="">
                <div class="w-title-in">
                  <div class="title-h-in">
                    <div class="tith border_colortop_main"> <span style="" data-type="subtitle">Company Advantage</span>
                      <h2 style="" data-type="title">公司优势</h2>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="li-div">
              <div class="w-space space-b noChoose" style="height:34px;">
                <div class="stretch-b"></div>
              </div>
            </div>
            <div class="li-div">
              <div class="not-animated w-text" data-animate="fadeInUp" style="">
                <style type="text/css">
                  @media (max-width:768px) {
                    .addvantage .ad_text .num {
                      font-size: 40px !important;
                    }

                    .addvantage .ad_text .txt {
                      margin-left: 3em !important;
                    }

                    .addvantage .ad_text .txt h3 {
                      font-size: 18px !important;
                    }

                    .addvantage .ad_text .txt .sum {
                      line-height: 1.5 !important;
                      font-size: 90% !important;
                    }
                  }

                  @media (max-width:520px) {
                    .addvantage .ad_text .num {
                      font-size: 250% !important;
                    }

                    .addvantage .ad_text .txt h3 {
                      font-size: 115% !important;
                    }

                    .addvantage .item>div {
                      display: block !important;
                      width: 100% !important;
                    }

                    .addvantage .item .item_l {
                      padding: 1.5em 0 !important;
                    }
                  }
                </style>
                <div class="addvantage">
                  <div class="item clearfix" style="background:#EAEAEA; display:table; width:100%;">
                    <div class="item_l"
                      style="display:table-cell; width:50%; vertical-align:middle; *float:left; *width:49.99%;*padding-top:43px;">
                      <div class="ad_text clearfix">
                        <div class="num"
                          style="float:left; width:1.2em; text-align:center; line-height:1.2; font-size:72px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#292929; opacity:0.34; *filter:alpha(opacity=34); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=34);">
                          1</div>
                        <div class="txt" style=" margin-left:95px; color:292929;padding-right:10%;">
                          <h3 style=" margin:0; line-height:1.7; font-size:24px; font-weight:bold; ">质量保证</h3>
                          <div class="sum" style="line-height:2;">10余年专业制品深加工，公差/品质有保证,10余年专业生产各类工业型材等，保证您的品质。</div>
                        </div>
                      </div>
                    </div>
                    <div class="item_r imgScaleBig"
                      style="display:table-cell; width:50%; vertical-align:middle; *float:left; *width:49.99%;overflow:hidden;">
                      <img src="static/picture/764431b755551736788173fed9d563cc.jpg" style="max-width:100%;"></div>
                  </div>
                  <div class="item clearfix" style="background:#B3B3B3; display:table; width:100%;">
                    <div class="item_l"
                      style="display:table-cell; width:50%; vertical-align:middle; *float:left; *width:49.99%;*padding-top:43px;">
                      <div class="ad_text clearfix">
                        <div class="num"
                          style="float:left; width:1.2em; text-align:center; line-height:1.2; font-size:72px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#292929; opacity:0.34; *filter:alpha(opacity=34); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=34);">
                          2</div>
                        <div class="txt" style=" margin-left:95px; color:292929;padding-right:10%;">
                          <h3 style=" margin:0; line-height:1.7; font-size:24px; font-weight:bold; ">专业团队</h3>
                          <div class="sum" style="line-height:2;">专业技术团队，为您提供量身定制服务可根据客户提供的图纸和样板设计和制造生产出符合要求的产品产品。</div>
                        </div>
                      </div>
                    </div>
                    <div class="item_r imgScaleBig"
                      style="display:table-cell; width:50%; vertical-align:middle; *float:left; *width:49.99%;overflow:hidden;">
                      <img src="static/picture/b9693b63c08e7f8a6f8fe17cd7a92bfd.jpg" style="max-width:100%;"></div>
                  </div>
                  <div class="item clearfix" style="background:#EAEAEA; display:table; width:100%;">
                    <div class="item_l"
                      style="display:table-cell; width:50%; vertical-align:middle; *float:left; *width:49.99%;*padding-top:43px;">
                      <div class="ad_text clearfix">
                        <div class="num"
                          style="float:left; width:1.2em; text-align:center; line-height:1.2; font-size:72px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#292929; opacity:0.34; *filter:alpha(opacity=34); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=34);">
                          3</div>
                        <div class="txt" style=" margin-left:95px; color:292929;padding-right:10%;">
                          <h3 style=" margin:0; line-height:1.7; font-size:24px; font-weight:bold; ">轻松供货</h3>
                          <div class="sum" style="line-height:2;">十多条精密挤压生产线,轻松实现大批量供货，多台专业数控设备，为您提供高精密产品。</div>
                        </div>
                      </div>
                    </div>
                    <div class="item_r imgScaleBig"
                      style="display:table-cell; width:50%; vertical-align:middle; *float:left; *width:49.99%;overflow:hidden;">
                      <img src="static/picture/33ad6d821f2c4e48d7d7189037b473d7.jpg" style="max-width:100%;"></div>
                  </div>

                </div>
              </div>
            </div>
            <div class="li-div">
              <div class="w-space space-b noChoose" style="height:116px;">
                <div class="stretch-b"></div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="w-section pdTop-default pdBottom-default" style="background:#dcdbd9;">
        <div class="row" style="max-width:;">
          <div class="row-mask"></div>
          <div class="wrap-content-in  pdTop-default pdBottom-default">
            <div class="li-div">
              <div class="w-space space-b noChoose" style="height:60px;">
                <div class="stretch-b"></div>
              </div>
            </div>
            <div class="li-div">
              <div class="not-animated w-title w-title32 lineborder" data-animate="fadeInUp" style="">
                <div class="w-title-in">
                  <div class="title-h-in">
                    <div class="tith border_colortop_main"> <span style="" data-type="subtitle"></span>
                      <h2 style="" data-type="title">新闻动态 </h2>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="li-div">
              <div class="w-space space-b noChoose" style="height:40px;">
                <div class="stretch-b"></div>
              </div>
            </div>
            <div class="li-div col-li-div">
              <div class="col-table">
                <table class="div-table div-table-first" width="100%" cellspacing="0" cellpadding="0" border="0">
                  <tbody>
                    <tr>
                      <td class="td-w" width="49.336283185840706%">
                        <div class="div-padding">
                          <div class="li-div" data-comunique="e79da57dce2016d7c750c809d3aa7a10">
                            <div class="not-animated w-simImg" data-animate="fadeInUp"
                              style="cursor:pointer;padding-bottom:10px;">
                              <div class="image-w"> <a title="" style="cursor:default;" href="17.html">
                                  <div class="img"> <img src="static/picture/20025ae47976fe7c818cc726f931ec4c.jpg">
                                  </div>
                                  <div class="caption w-img-caption">
                                    <div class="captionbg"></div>
                                  </div>
                                </a> </div>
                            </div>
                          </div>
                          <div class="li-div" data-comunique="1d3821627631d730c29bd18c12e3accf">
                            <div class="not-animated w-text" data-animate="fadeInUp" style="">
                              <p><a href="17.html" target="_self"><span style="font-size: 1.1em;">获 3800 万元 A+
                                    轮投资，乐摇摇科技利用抓娃娃机做线</span></a><br>
                                2018.11.21<br>
                                36氪获悉，线下公众号推广公司乐摇摇科技已完成 3800 万元 A+
                                轮融资，投资方为广发信德。众所周知，如今线上流量昂贵，大家的目光开始聚焦线下。除了传统的地铁、电梯广告，线下也已经有一些新的广告模......</p>
                            </div>
                          </div>
                          <div class="li-div" data-comunique="49ff2e03b9ecf3849bcedefaceb05b49">
                            <div class="not-animated w-button" data-animate="fadeInUp" style="padding-top:10px;">
                              <div class="btn-default-b btn-default-w btn-large-w g-click-to-link"
                                onclick="window.open('/4509/xinwendongtai/17.html');"> <span class="btn-inner"
                                  style="font-size:1.3em;">MORE</span> </div>
                              <a style="display:none;" href="17.html" target="_self"><span></span></a>
                            </div>
                          </div>
                        </div>
                      </td>

                      <td class="td-w" width="4.424778761061947%">
                        <div class="div-padding">
                          <div class="li-div">
                            <div class="w-space space-b noChoose" style="height:40px;">
                              <div class="stretch-b"></div>
                            </div>
                          </div>
                        </div>
                      </td>
                      <td class="td-w" width="46.10619469026548%">
                        <div class="div-padding">
                          <div class="li-div" onselectstart="return false" style=" -moz-user-select: none;">
                            <div class="not-animated w-adNews w-adNews9" data-animate="fadeInUp" style="">
                              <div class="w-adNews-in clearfix">
                                <ul>
                                  <li>
                                    <div class="news-item">
                                      <div class="date bg_main">
                                        <div class="date-day">21</div>
                                        <div class="date-yearMonth">2018-11</div>
                                      </div>
                                      <div class="news-com">
                                        <div class="news-h"><a target="_blank" href="16.html" class="news-kind"
                                            title="新闻动态 ">【新闻动态 】</a><a href="16.html" target="_blank"
                                            title="借网生大势赚了两年快钱后，考拉娱乐开始切入女性人群做点“慢”">借网生大势赚了两年快钱后，考拉娱乐开始切入女性人群做点“慢”</a>
                                        </div>
                                        <div class="news-sum">
                                          从2014年起，网络大电影这个词逐渐进入人们的眼球，当时满地都是几十万制作成本博得百万票房的故事，考拉娱乐便是在那个网生内容的蛮荒时代入的局。在接受36氪采访时，考拉娱乐创始人钱伟坦言借过去的势他们赚......
                                        </div>
                                      </div>
                                    </div>
                                  </li>
                                  <li>
                                    <div class="news-item">
                                      <div class="date bg_main">
                                        <div class="date-day">21</div>
                                        <div class="date-yearMonth">2018-11</div>
                                      </div>
                                      <div class="news-com">
                                        <div class="news-h"><a target="_blank" href="15.html" class="news-kind"
                                            title="新闻动态 ">【新闻动态 】</a><a href="15.html" target="_blank"
                                            title="传滴滴即将接入ofo，共享单车大战格局或生变">传滴滴即将接入ofo，共享单车大战格局或生变</a></div>
                                        <div class="news-sum">
                                          36氪从ofo内部获得消息，可能在今年4月份，ofo将会接入到滴滴出行的App上，届时用户可以直接在滴滴上面使用ofo的服务。“这件事最近被频繁地提上日程，内部消息是下个月就有可能接入。”一名ofo内......
                                        </div>
                                      </div>
                                    </div>
                                  </li>
                                  <li>
                                    <div class="news-item">
                                      <div class="date bg_main">
                                        <div class="date-day">21</div>
                                        <div class="date-yearMonth">2018-11</div>
                                      </div>
                                      <div class="news-com">
                                        <div class="news-h"><a target="_blank" href="14.html" class="news-kind"
                                            title="新闻动态 ">【新闻动态 】</a><a href="14.html" target="_blank"
                                            title="点击在线求助，应答的却都是机器人，这样真的好吗？">点击在线求助，应答的却都是机器人，这样真的好吗？</a></div>
                                        <div class="news-sum">
                                          编者按：人工智能技术的发展正在不断地改变着人们的生活与工作方式，它在一定程度上推动了社会的发展与进步，这一点是毋庸置疑的。但人工智能并不是万能的，因为机器并不具备人类的思维与情绪。当你打开网站上的在线......
                                        </div>
                                      </div>
                                    </div>
                                  </li>

                                </ul>
                              </div>
                            </div>
                          </div>
                        </div>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
            </div>
            <div class="li-div">
              <div class="w-space space-b noChoose" style="height:90px;">
                <div class="stretch-b"></div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <script type="text/javascript">
        $(function () {
          $(".div-table-first").find(".div-table-first").each(function () {
            $(this).removeClass("div-table-first")
          });
        });
      </script>
    </div>
    <div class="w-container w-footer">
      <div class="w-footer-section pdTop-default pdBottom-default">
        <div class="w-footer-in" style="max-width:;">
          <div class="foot-mask"></div>
          <div class="w-foot-content  pdTop-large pdBottom-large">
            <div class="li-div">
              <div class="w-text" style="">
                <div align="center">Copyright © 2012-2018 某某公司 版权所有 &nbsp;&nbsp;<a href="http://www.beian.miit.gov.cn/"
                    rel="nofollow" target="_blank">琼ICP备xxxxxxxx号</a></div>
              </div>
            </div>
            <div class="li-div">
              <div class="w-text" style="">
                <div align="center">
                  <ul class="link">
                    <span>友情链接 :</span>
                    <li><a href="http://www.baidu.com" target="_blank">百度 </a></li>
                    <li><a href="http://www.qq.com" target="_blank">腾讯 </a></li>
                    <li><a href="http://www.sina.com.cn" target="_blank">新浪 </a></li>
                    <li><a href="http://www.yiyongtong.com" target="_blank">小程序开发教程 </a></li>
                    <li><a href="http://www.sucai58.com" target="_blank">素材58 </a></li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="w-service-fixed">
        <div class="service-item bg_s_default color_s_default aHoverbg_deepen aHovercolor_deepen service-item-top"> <i
            class="fa fa-caret-up"></i>
          <div class="top" onclick="$('body,html').animate({scrollTop: 0}, 'normal');">TOP</div>
        </div>
        <script type="text/javascript">
          $(function () {
            $(window).scroll(function () {
              if ($(this).scrollTop() > 20) {
                $('.w-service-fixed .service-item-top').show();
              } else {
                $('.w-service-fixed .service-item-top').hide();
              }
            });
          });
        </script>
      </div>
    </div>

    <!-- 应用插件标签 start -->

    <!-- 应用插件标签 end -->
  </div>
  <div class="topTel" onclick="$('body,html').animate({scrollTop: 0}, 500);"><i class="fa fa-arrow-up"></i></div>

  <script type="text/javascript" src="static/js/jquery.global.js"></script>
  <script type="text/javascript" src="static/js/jquery.form.js"></script>
  <script type="text/javascript" src="static/js/lightbox.min.js"></script>
  <script type="text/javascript" src="static/js/jquery.custom.js"></script>
</body>

</html>